import { Avatar, Comment } from 'antd';
import React from 'react';

function TwoReply() {
    return (
        <Comment
            actions={[<span key="comment-nested-reply-to">Reply to</span>]}
            author={<a>Han Solo</a>}
            avatar={<Avatar src="https://joeschmoe.io/api/v1/random" alt="Han Solo" />}
            content={
            <p>
                We supply a series of design principles, practical patterns and high quality design
                resources (Sketch and Axure).
            </p>
            }
        >
            <Comment
                    actions={[<span key="comment-nested-reply-to">Reply to</span>]}
                    author={<a>Han Solo</a>}
                    avatar={<Avatar src="https://joeschmoe.io/api/v1/random" alt="Han Solo" />}
                    content={
                    <p>
                        We supply a series of design principles, practical patterns and high quality design
                        resources (Sketch and Axure).
                    </p>
                    }
                >
                    <Comment
                         actions={[<span key="comment-nested-reply-to">Reply to</span>]}
                         author={<a>Han Solo</a>}
                         avatar={<Avatar src="https://joeschmoe.io/api/v1/random" alt="Han Solo" />}
                         content={
                         <p>
                             We supply a series of design principles, practical patterns and high quality design
                             resources (Sketch and Axure).
                         </p>
                         }
                    >
                    </Comment>    

            </Comment>
        </Comment>
    )
}

export default TwoReply;